<template>
  <div class="goods_containner gray">
    <goods-search></goods-search>
    <cate-nav></cate-nav>
    <goods-list></goods-list>
    <banner></banner>
  </div>
</template>

<script>
import GoodsSearch from './components/Search'
import GoodsList from './components/List'
import CateNav from './components/CateNav'
import Banner from '../common/Banner'
export default {
  name: 'Goods',
  components: {
    GoodsSearch,
    GoodsList,
    CateNav,
    Banner
  }
}
</script>

<style lang="less">
.goods_containner {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}
</style>
